<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Mail</title>
<link rel="stylesheet" th:href="@{/easy/css/bootstrap.css}" />
<link rel="stylesheet" th:href="@{/icon/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/menu/metisMenu.css}" />
<link rel="stylesheet" th:href="@{/menu/vertical.css}" />
</head>
<body class="bg">
	<div class="container-fluid h-100">
		<!-- 空行 -->
		<div class="row"></div>
		<!-- 标题栏 -->
		<div class="row mt-1">
			<div class="col">
				<a href="javascript:" class="text-danger"><i
					class="fa fa-angle-double-left"></i></a>
			</div>
			<div class="col">
				<h6 class="text-center text-danger">
					<i class="fa fa-sticky-note-o"></i>&nbsp;Mystery / 站内信
				</h6>
			</div>
			<div class="col text-right">
				<a href="javascript:" class="text-danger" data-toggle="tooltip"
					onclick="showCenter();" id=user><i class="fa fa-user-o"></i></a>&nbsp;/&nbsp;<a
					href="http://120.77.245.28:8081/mystery/SysUser/logout"
					class="text-danger" data-toggle="tooltip" title="注销"><i
					class="fa fa-external-link"></i></a>
			</div>
		</div>
		<!-- 主区域 -->
		<div class="row mt-1" style="height: 88%;">
			<!-- 导航 -->
			<div class="col-sm-2">
				<div class="sidebar-nav">
					<ul class="metismenu" id="menu">
						<li><a href="javascript:" class="has-arrow"><i
								class="fa fa-paper-plane-o mr-1" aria-hidden="true"></i>站内信</a>
							<ul>
								<li><a href="javascript:" class="has-arrow" view="receiver"
									onclick="openWork(this);"><i class="fa fa-download mr-1"
										aria-hidden="true"></i>收件箱</a></li>
								<li><a href="javascript:" class="has-arrow" view="sender"
									onclick="openWork(this);"><i class="fa fa-upload mr-1"
										aria-hidden="true"></i>发件箱</a></li>
								<li><a href="javascript:" class="has-arrow" view="contact"
									onclick="openWork(this);"><i
										class="fa fa-address-card mr-1" aria-hidden="true"></i>通讯录</a></li>
								<li><a href="javascript:" class="has-arrow" view="poem"
									onclick="openWork(this);"><i
										class="fa fa-address-card mr-1" aria-hidden="true"></i>古诗检索</a></li>
							</ul></li>
					</ul>
				</div>
			</div>
			<!-- 工作区 -->
			<div class="col-sm-10" id="work">
				<iframe src="/openWork/welcome" frameborder=0 width=100% height=100%></iframe>
			</div>
		</div>
	</div>
	<!-- js -->
	<script th:src="@{/easy/js/jquery.js}"></script>
	<script th:src="@{/easy/js/popper.js}"></script>
	<script th:src="@{/easy/js/bootstrap.js}"></script>
	<script th:src="@{/easy/js/cookie.jwt.js}"></script>
	<script th:src="@{/menu/metisMenu.js}"></script>
	<script th:src="@{/layer/layer.js}"></script>
	<script th:inline="javascript">
		//导航菜单
		$("#menu").metisMenu();
		var token = $.cookie("ssotoken");
		if (token) {
			var obj = $.getckjwt("ssotoken");
			$("#user").attr("title", obj.account);
		}
		//打开子页
		function openWork(obj) {
			var iframe = "<iframe src='/openWork/" + $(obj).attr("view")
					+ "' frameborder=0 width=100% height=100%></iframe>";
			$("#work").html(iframe);
		}

		//tooltip
		$("[data-toggle='tooltip']").tooltip();

		//showCenter
		function showCenter() {
			if (!obj)
				return;
			layer.open({
				type : 2,
				area : [ "88%", "99%" ],
				content : "http://120.77.245.28:8081/mystery/SysUser/center?"
						+ "&ssotoken=" + token
			});
		}
	</script>
</body>
</html>